p {
    height: 30px;
}

.p0 {
    background-color: #5c7229;
}

.p1 {
    /**
    让颜色变亮
    lighten($color,$amount)
    $amount的取值在0%-100%之间
    */
    background-color: lighten($color: #5c7229, $amount: 30%);
}
.p2 {
    /**
    让颜色变暗
    darken($color,$amount)
    $amount的取值在0%-100%之间
    */
    background-color:darken($color: #5c7229, $amount: 15%);
}
.p2 {
    /**
    降低颜色透明度
    opacify($color,$amount)
    $amount的取值在0%-100%之间
    */
    background-color:opacify($color: #5c7229, $amount: 0.5);
}